@charset "utf-8";
@import url("base.css");
@import url("aos.css");
@import url("swiper-bundle.min.css");


/**index**/
.rdHead{ background:var(--color-white);  width:100%; position: relative; left: 0; top: 0; z-index: 99; }
.rdHead.topFix{ position:fixed; box-shadow: 0 0 0.2rem rgba(0,0,0,.15);}

.rdHead-nav li{ position: relative;}
.rdHead-nav li a.far{ display: block; padding: 0 2.86vw; line-height: 0.8rem; position: relative;}
.rdHead-nav li a.far:before{ content:''; background:var(--color-blue); width: 0; height: 2px; position: absolute; left: 50%; bottom: 0;}
.rdHead-nav li.active a.far:before, .rdHead-nav li:hover a.far:before{ width: 100%; left: 0;}
.rdHead-nav li .subnav { background-color:rgba(0,0,0,.5); width:100%; padding:0.15rem 0; text-align: center; position:absolute; top:100%; left:0; pointer-events:none; opacity:0; transform:translateY(10px); backdrop-filter:blur(5px); box-shadow:0 5px 0.2rem -3px rgba(0, 0, 0, 0.06); }
.rdHead-nav li .subnav a { display:block; padding:0.08rem 0; color: var(--color-white); font-size: 0.15rem; }
.rdHead-nav li .subnav a:hover{ background: var(--color-blue);}
.rdHead-nav li:hover .subnav{ opacity:1; pointer-events:auto; transform:none; }


.rdBanner{ width: 100%; height: calc(100vh - 0.8rem);}
.rdBanner .swiper-pagination{ bottom: 0.4rem;}
.rdBanner .swiper-pagination-bullet{ background: var(--color-white); width: 0.1rem; height: 0.1rem; margin: 0 0.05rem !important; opacity: 1;}
.rdBanner .swiper-pagination-bullet-active{ background: var(--color-blue);}


.rdAbout{ background:url(../images/rdAbout-bg.png) no-repeat bottom right #eee; background-size: 52%; width:100%; padding: 0.7rem 0 1.05rem 0;}
.rdAbout-text{ width: 61%;}
.rdAbout-more{ margin-top: 0.7rem;}
.rdAbout-more a{ color: var(--color-blue); line-height: 0.36rem; padding: 0 0.3rem; border: 1px var(--color-blue) solid; border-radius: 0.16rem;}
.rdAbout-more a:hover{ background: var(--color-blue); color: var(--color-white);}
.rdAbout-number{ width: 83.33%; margin-top: 0.95rem;}
.rdAbout-number dl{ background: var(--color-white); flex: 1; padding: 0.36rem 0;}
.rdAbout-number dl:before{ content: ''; background: #d2d2d2; width: 1px; height: 66.66%; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.rdAbout-number dl:nth-child(3){ background:rgba(231,34,40,.6); color: var(--color-white);}
.rdAbout-number dl:nth-child(4){ background:rgba(231,34,40,.6); color: var(--color-white);}
.rdAbout-number dl:nth-child(4):before{ display: none;}



.rdProduct{  padding: 0.6rem 0;}
.rdProduct-head .title .cn{ padding-bottom: 15px;}
.rdProduct-head .title .cn:before{ content: ''; background: var(--color-three); width: 0.55rem; height: 0.04rem; position: absolute; left: 0; bottom: 0;}
.rdProduct-head .tabs{ flex:1; justify-content: flex-end;}
.rdProduct-head .tabs a{ margin-left: 1.56vw; margin-bottom:0.1rem; padding-bottom: 0.08rem; position: relative;}
.rdProduct-head .tabs a.on{ color: var(--color-blue);}
.rdProduct-head .tabs a.on:before{ content: ''; background: var(--color-blue); width: 100%; height: 1px; position: absolute; left: 0; bottom: 0;}
.rdProduct-list li .thumb{background: #ebecee; height: 3.95rem;}
.rdProduct-list li .thumb img{width: 100%;}
.rdProduct-list li:hover .thumb img{ transform: scale(1.05);}
.rdProduct-list .swiper-button-next, .rdProduct-list .swiper-button-prev{ background: var(--color-blue); width: 0.54rem; height: 0.54rem; margin-top: -0.27rem; color: var(--color-white); border-radius: 50%;}
.rdProduct-list .swiper-button-next{ right: 0.14rem;}
.rdProduct-list .swiper-button-prev{ left: 0.14rem;}

.rdProduct-more a{ color: var(--color-blue); line-height: 0.36rem; padding: 0 0.3rem; border: 1px var(--color-blue) solid; border-radius: 0.16rem;}
.rdProduct-more a:hover{ background: var(--color-blue); color: var(--color-white);}


.rdGlobal{ background-image: url(../images/rdGlobal-bg.jpg); padding:0.6rem 0 9.375vw 0;}
.rdGlobal:before{ content: ''; background: rgba(0,0,0,.6); width: 50%; height: 100%; position: absolute; left: 0; top: 0;}
.rdGlobal-layout{ width: 40.625%;}
.rdGlobal-layout .title .cn{ padding-bottom: 15px;}
.rdGlobal-layout .title .cn:before{ content: ''; background: var(--color-white); width: 0.55rem; height: 0.04rem; position: absolute; left: 0; bottom: 0;}
.rdGlobal-layout .more{ width: 2.26rem; height: 0.59rem; margin-top: 0.8rem; border: 1px var(--color-white) solid; }
.rdGlobal-layout .more:hover{ background: var(--color-blue); color: var(--color-white); border-color: var(--color-blue);}
.rdGlobal-layout .number{ margin-top:0.75rem; padding-left: 0.2rem; border-left: 1px var(--color-white) solid;}
.rdGlobal-layout .number dt{ line-height: 1;}
.rdGlobal-thumb{ width: 58%;}


.rdNews{ background: #f6f5f5; padding: 0.65rem 0;}
.rdNews-cont{ margin-top: 5.2vw;}
.rdNews-first{ width: 50%;}
.rdNews-first .date{ background: var(--color-blue); width: 1rem; height: 1rem; flex-direction: column; color: var(--color-white); position: absolute; left: 0; top: 0; z-index: 2;}
.rdNews-first .date .d{ font-size: 0.6rem; line-height: 1;}
.rdNews-first .thumb{ padding-bottom: 66.66%;}
.rdNews-first .more{ width: 2rem; height: 0.5rem; color:var(--color-blue); border-radius: 0.25rem; border: 1px var(--color-blue) solid;}
.rdNews-first:hover .thumb img{ transform: scale(1.05);}
.rdNews-first:hover .more{ background: var(--color-blue); color: var(--color-white);}


.rdNews-list{ width: 41.6%;}
.rdNews-list li{ background: var(--color-white); margin-bottom: 0.25rem; padding: 0.25rem 0.3rem 0.35rem 0.3rem; border-radius: 0.2rem;}
.rdNews-list li .date{ width: 1rem; padding-bottom: 0.45rem;}
.rdNews-list li .date:before{ content: ''; background: var(--color-gray); width: 0.4rem; height:0.01rem; position: absolute; left: 0; bottom: 0;}
.rdNews-list li .text{ width: calc(100% - 1rem);}
.rdNews-list li:hover{ background: var(--color-blue);}
.rdNews-list li:hover .date:before{ background: var(--color-white);}
.rdNews-list li:hover *{ color: var(--color-white);}


.rdFooter{ background:#333; }
.rdFooter .w{ width: 84%; max-width: 16rem;}
.rdFooter-top{ padding: 0.6rem 0 0.3rem 0;}
.rdFooter-topContact{ width: 23.26%;}
.rdFooter-topMenu{ width:61.5%; padding: 0 4.16vw; border-left:1px solid #bfbfbf; border-right: 1px solid #bfbfbf; }
.rdFooter-topMenu dl dd a{ display: block;}
.rdFooter-topMenu dl dd a:hover{ color: var(--color-white); opacity: .7;}
.rdFooter-topMenu dl:nth-child(2) dd{ max-width: 3.5rem; display: flex; flex-wrap: wrap;}
.rdFooter-topMenu dl:nth-child(2) dd a { width: 50%;}
.rdFooter-topCode{ max-width:8.33%;}
.rdFooter-copy{ background:#494949; padding: 0.16rem 0;}


/**资讯中心**/
.public-banner{ height:6rem; }
.public-menu{ background: var(--color-white); width: 100%; z-index: 9; box-shadow: 0 0.08rem 0.18rem rgba(181, 181, 181, .16);}
.public-menu a{ line-height: 0.8rem; margin-right: 0.6rem; position: relative; display: inline-block;}
.public-menu a:before{ content: ''; background: var(--color-blue); width:0; height: 0.03rem; position: absolute; left: 50%; bottom: 0;}
.public-menu a.active{ color: var(--color-blue);}
.public-menu a.active:before{ width: 100%; left: 0;}


.pmain{ padding: 0.6rem 0;}
.pmain-page a{ height: 0.48rem; line-height: 0.48rem; margin: 0 0.09rem; padding: 0 0.18rem; border: 1px #bfbfbf solid;}
.pmain-page .nowpage { background:var(--color-blue); color: var(--color-white); height: 0.48rem; line-height: 0.48rem; margin: 0 0.09rem; padding: 0 0.18rem; border: 1px var(--color-blue) solid;}
.pmain-page a:hover { background:var(--color-blue); color: var(--color-white); border: 1px var(--color-blue) solid; }


.pnews-list li{ margin-top: 0.4rem;}
.pnews-list li:first-child{ margin-top: 0;}
.pnews-list li a{ border-radius: 0.15rem;}
.pnews-list li .thumb { width: 25%; padding-top: 19.5%;}
.pnews-list li .word { width: 70%; padding-right: 4%;}
.pnews-list li a:hover{ box-shadow: 0 0.03rem 0.15rem rgba(0, 0, 0, 0.1);}
.pnews-list li a:hover .thumb img{ transform:scale(1.05);}


/**关于我们**/
.pabout-honor{ margin-left:-0.5rem; margin-top: -0.5rem;}
.pabout-honor li{ width: calc(25% - 0.5rem); margin: 0.5rem 0 0 0.5rem; }
.pabout-honor li .thumb{ background: #d2d2d2; height: 2.7rem;}
.pabout-honor li .thumb img{ max-height: 100%;}


.pabout-culture li{ width: 22.819%;  position: relative; overflow: hidden;}
.pabout-culture li img{ width: 100%; transition: all 0.4s;}
.pabout-culture li:before { content: ''; background-image: linear-gradient(to bottom, #bdc4cd, #00479d); width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; opacity: .9; display:none;}
.pabout-culture li .word{ width: 100%; height: 100%; color: var(--color-white); position: absolute; left: 0; top: 0; padding:1rem 0.35rem 0 0.35rem; z-index: 2; text-align: center; }
.pabout-culture li:hover img{ transform: scale(1.05);}


.pabout-info .word{ width: 46.875%;}
.pabout-info .word .t{ padding-bottom: 0.15rem; border-bottom: 1px #e5e5e5 solid;}
.pabout-info .thumb{ width: 49%;}


.pabout-message-head .t{ padding-bottom: 0.15rem; border-bottom: 1px #e5e5e5 solid;}
.pabout-message-head .c{ max-width: 46.5%; margin: auto; padding-top: 0.3rem;}

.pabout-message-list{ margin-left:-0.45rem; }
.pabout-message-list li{ width: calc(33.33% - 0.45rem); margin: 0.45rem 0 0 0.45rem; }
.pabout-message-list li .thumb{ padding-top: 72.54%; }
.pabout-message-list li:hover .thumb img{ transform: scale(1.05);}


/**联系我们**/
.pjob-list li{ margin-top: 0.3rem;}
.pjob-list li .li-head{ padding: 0.25rem 0.35rem; cursor:pointer; border-bottom: 1px #dcdcdc solid; }

.pjob-list li .li-text{ padding: 0.35rem; display: none;}
.pjob-list li .li-text .hc{ padding-bottom: 0.3rem; border-bottom: 1px #dcdcdc solid;}
.pjob-list li .li-text .hc span{ position: relative; padding-left: 0.15rem; display: inline-block;}
.pjob-list li .li-text .hc span:before{ content:''; background: var(--color-three); width: 0.05rem; height: 0.05rem; position: absolute; left: 0; top: 50%; transform:translateY(-50%); border-radius: 50%;}
.pjob-list li .li-text .hb{ background: var(--color-blue); width: 2rem; height: 0.5rem; color: var(--color-white); border-radius: 0.3rem;}

.pjob-list li.active{ box-shadow:0 0 0.2rem rgba(0,0,0,.15);}
.pjob-list li.active .li-head{ background:var(--color-blue); color: var(--color-white); }
.pjob-list li.active .li-head .click{ transform:rotate(45deg);}
.pjob-list li.active .li-text{ display:block;}



.pcontact-divis{ width: 33%;}
.pcontact-divis li{ margin-bottom: 1rem;}
.pcontact-divis li:last-child{ margin-bottom: 0;}
.pcontact-divis li .icon{ width: 1rem; height: 1rem; border: 1px #dcdcdc solid; border-radius: 50%;}
.pcontact-divis li .text{ flex: 1;}

.pcontact-map{ width: 66.66%; height: 5rem;}
.pmessage-thumb{ width: 57.6%;}
.pmessage-body{ width: 37%; }
.pmessage-body .bo-filed li{ margin-top: 0.2rem;}
.pmessage-body .bo-filed li .aside{ width: 46%;}
.pmessage-body .bo-filed li label{ display: block;}
.pmessage-body .bo-filed li .inpt{ background: #eee; width: 100%; height: 0.3rem; font-size: 0.14rem; color: #aaa; padding-left: 0.1rem; margin-top: 0.1rem;}
.pmessage-body .bo-filed li .area{ background: #eee; width: 100%; height: 0.65rem; font-size: 0.14rem; color: #aaa; padding: 0.1rem; margin-top: 0.1rem; vertical-align: top;}
.pmessage-body .bo-filed li .yzm-inpt{ width: 2.4rem;}
.pmessage-body .bo-filed li .yzm-in{ height: 0.3rem;}
.pmessage-body .bo-filed li .sbtn{ background: var(--color-blue); width: 1.2rem; height: 0.3rem; display: inline-block; color: var(--color-white); font-size: 0.14rem; border-radius: 0.03rem; cursor: pointer;}


/**产品中心**/
.pproduct-list{ margin-left:-0.5rem; margin-top: -0.5rem;}
.pproduct-list li{ width: calc(25% - 0.5rem); margin: 0.5rem 0 0 0.5rem; }
.pproduct-list li .thumb{ background:#ebeced; height: 2.7rem; position: relative;}
.pproduct-list li .play{ position: absolute; left: 0.2rem; top: 0.2rem; font-size: 0.32rem; opacity: 0.4;}


.pproject-details-top .gdt-photo{ width: 38%; }
.pproject-details-top .gdt-photo img{ width: 100%;}
.pproject-details-top .gdt-info{ width: 55.55%;}
.pproject-details-top .gdt-info video{ width:100%;}
.pproject-details-desc .desc-head{ border-bottom: 2px #bfbfbf solid;}
.pproject-details-desc .desc-head .cn{ background: var(--color-blue); color: var(--color-white); font-size: 0.18rem; line-height: 0.45rem; padding: 0 0.3rem;}


/**技术能力**/
.pskills-list li{ margin-top: 0.5rem;}
.pskills-list li:first-child{ margin-top:0;}
.pskills-list li:nth-child(2n+2){  flex-direction: row-reverse;}
.pskills-list li .thumb{ width: 45.8%; padding-top: 29.37%;}
.pskills-list li .word{ width: 50%;}
.pskills-list li .word .t{ padding-bottom: 0.2rem;}
.pskills-list li .word .t:before{ content: ''; background: var(--color-blue); width: 0.48rem; height: 0.04rem; position: absolute; left: 0; bottom: 0;}


/**菜单**/
.Mobile-button{ width:50px; height:100%; position:absolute; top:0; right:0; z-index: 1; align-items:center; justify-content:center; flex-direction:column; display:none;}
.Mobile-button .solid{  background-color:var(--color-blue); width:26px; height:2px; transition:var(--transition);}
.Mobile-button .solid2{ margin:8px 0; }
.Mobile-button.active .solid1{ transform:rotate(-45deg) translateY(14px); margin-right:19px !important;}
.Mobile-button.active .solid2{ transform:translateX(40px);}
.Mobile-button.active .solid3{ transform:rotate(45deg) translateY(-14px); margin-right:19px !important;}

.Mobile-menu{ background:var(--color-white); width:100%; height:100%; position:fixed; z-index:98; top:0; left:-100%; overflow-y:auto; padding:70px 3% 0 3%; transition:var(--transition);}
.Mobile-menu.onShow{ left:0; }
.Mobile-menu li .lit{ display:flex; align-items:center; justify-content:center; padding:15px 0;}
.Mobile-menu li .lit a{ font-size:17px; font-weight:bold;}
.Mobile-menu li .lic{ display:none;}
.Mobile-menu li .lic li a{ font-size:15px; font-weight:500; text-align: center; display:block; padding:10px 0;  opacity: .7; }